/*图标旋转*/

mns:hover b{
    -webkit-transition:-webkit-transform .2s ease-in;
    -moz-transition:-moz-transform .2s ease-in;
    -o-transition:-o-transform .2s ease-in;
    transition:transform .2s ease-in;
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}
.rela .topgz b{
    -webkit-transition:-webkit-transform .2s ease-in;
    -moz-transition:-moz-transform .2s ease-in;
    -o-transition:-o-transform .2s ease-in;
    transition:transform .2s ease-in;-moz-transform:rotate(180deg);
    -moz-transform-origin:50% 25%;
    -webkit-transform:rotate(180deg);
    -webkit-transform-origin:50% 25%;-o-transform:rotate(180deg);
    -o-transform-origin:50% 25%;
    transform:rotate(180deg);
    transform-origin:50% 25%}

/*商品分类行数样式*/
.list5 h3{padding:13px 10px;}
.list5 li{height:83px;}
.list4 li{height:105px;}
.list4 li h3{padding: 28px 10px 20px 10px;}
.list3 li{height:140px;}
.list3 li h3{padding:43px 10px 40px 10px;}

/*-----------header------------*/
.headerTop{ height:28px; border-bottom:1px solid #ddd; background:#f5f5f5; position:relative; z-index:1002;}
.headerTop li,.headerTop p{ line-height:25px;color: #444;}
.headerTop>div{display: flex;justify-content:space-between}
.headerTop>div>div{display: flex;}
.headerTop>div>ul{display:flex;flex-direction:row-reverse;}
.headerTop li,.headerTop p{ line-height:25px;color: #444;}
.header_t1>div:nth-child(2){line-height: 28px;width: 36px;}
.header_t1>div:nth-child(3){line-height: 28px;width: 49px;}
.epethkbrand{background:url("../images/epetbrand.png") no-repeat; background-position:0 8px; display:inline-block; width:75px;text-indent:16px;height: 28px;line-height: 28px}
.place-show>b{background:url(../images/xqico.png) 0px -31px no-repeat;display:block;top:11px;right:5px;width:15px;height:15px;position:absolute;}
.place-show>b.bb{background:url(../images/xqico.png) no-repeat 0px -46px;}
.header_topri{ width:700px; padding-top:1px;}
.header_topri li i,.weibo a,.rss_btn,.cartbtn,.fuwu ul li span,.paim_box,.hot_name i,.footer p a,.lis_plbox,.close,.epetbrand,.close-code,.zt-list1-1 li a:hover,.zt-list1-1 li.this a,.phonecode,.saving{background-image:url(../images/bg.png);}
.header_topri li{display:inline;padding:0 5px;;position:relative; z-index:120; border:1px solid #F5F5F5; border-bottom:none;}
.header_topri li i{ width:13px; height:13px; background-position:-312px -46px; background-repeat:no-repeat; margin-top:6px; margin-right:5px; float:left; }
.header_topri li.mobileApp i{ background-position:-334px -46px;}
.topgz{ position:relative; padding-right:14px; cursor:pointer; display:block;}
.topgz b{ display:block; width:0; height:0; border:transparent solid 4px; border-top:#717171 solid 4px; position:absolute; right:0; top:10px; *top:7px; overflow:hidden;}
.header_topri li.cart-t i{ background-position:-291px -46px; width:14px; height:14px;}
.header_topri li em{color:red}

/*E宠国际头部*/

.epethktop{margin-top:12px;}
.nav{border-bottom:1px solid #7a45e5;}
.epethk-header{padding-top:33px;height:100px; position:relative; z-index:900;background-color:#fff;}
.epethk-search input{ border:#7a45e5 solid 2px;background: none; padding:0 5px 0 15px; width:382px; height:30px;outline:none; line-height:30px; font-size:12px; float:left;}
.epethk-search button{ border:none; width:73px; height:34px;vertical-align: top;cursor: pointer;background-color: #7a45e5;color: #FFF;font-size: 14px;}
.epethk-search button:hover{ box-shadow:0 0 8px rgba(0,0,0,0.3);}
.mycart-btn{height:34px;line-height:34px;background:url(../images/epethk_ico.png) no-repeat 10px 2px #7a45e5;padding:0 15px 0 35px;}
.epethk-ico{background:url(../images/epethk_ico.png) no-repeat;}


/*E宠国际分类*/
.nav{ background:#fff; padding-top:10px; border-bottom: 1px solid #7a45e5;}
.navBox{position: relative;}
.nav-link{ position: absolute; bottom: 0; right: 10px;}
.nav-link img{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;vertical-align: inherit;  display:inherit;}
.nav-link:hover img{margin-right:12px;}
.mchov{position: relative; z-index:1001;}
.maincates{float: left;width: 228px;}
.maincates-title{height:34px;line-height:32px;color: #FFF;font-size: 16px;text-align: center;}
.maincates-title span{ float: left; width: 112px; height: 32px; text-align: center; border:1px solid #e1e1e1; color: #666;cursor: pointer;}
.menus a.mns,.menus a.mns:visited{font-weight:400;color:#333;padding:0 30px}.about-us{background-position:2px -125px;padding-left:22px}.epethk-type{float:left;width:228px;height:34px;line-height:32px}.maincates-title{background:#7A45E5;height:34px;line-height:34px;background:-webkit-gradient(linear,left top,right top,color-stop(20%,#7A45E5),color-stop(80%,#7A45E5));background:-webkit-linear-gradient(left,#7A45E5 20%,#b23cef 80%);background:linear-gradient(to right,#7A45E5 20%,#b23cef 80%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A45E5', endColorstr='#b23cef', GradientType=1);position:relative;z-index:2}.epethk-type .epethk-pettype{width:114px;cursor:pointer}.epethk-type .epethk-pettype b{background-position:3px -74px;width:20px;height:18px;vertical-align:-2px}.main_r div a img{width:100%;max-height:140px}.maincates-title .epet-type:hover b{background-position:0 -102px}.maincates-title span{border:0;color:#fff}.epethk-linkcon{position:absolute;top:0;left:0;width:228px;height:358px;padding:34px 0 0;z-index:1}.h-category dl{border-bottom:1px dotted #9f9c9e;padding-bottom:10px;padding-top:15px}.h-category dl em{vertical-align:-6px;width:20px;height:29px}.h-category dd{display:none;position:absolute;top:35px;left:219px;background:0 0;width:580px;height:auto;min-height:356px}.h-category dd .box-shadow{box-shadow:0 3px 10px rgba(0,0,0,.3);width:100%;min-height:356px}.hk-pettype{position:absolute;top:0;left:0;width:228px;padding:34px 0 0;z-index:1}.mid_list{height:25px;line-height:25px}
.maincates-title b{ display: inline-block; vertical-align: middle;}
.catelist{  width:228px;position: absolute;top: 34px;left: 0;}

/*E宠国际分类*/
.catelist ul{  overflow:hidden;}
.catelist h3{background-position: right -1206px;background-repeat: no-repeat;padding-left: 16px;font-weight: normal; margin:0 12px; border-bottom:1px dotted #575757; overflow: hidden; white-space: nowrap;}
.catelist li.hov p a{color:#fff;}

.catelist li:first-child.hov h3{top:0;}
.catelist h3 a{font-size: 16px; display:inline-block; color:#fff;}
.catelist h3 p{margin-top:10px;}
.catelist h3 a i{ display: inline-block; color: #999; width: 40px; margin-left: 4px;}
.catelist .menu0{background:url(../images/cate.png) no-repeat; display:inline-block; height:30px;width:30px;background-position: 0 -90px;vertical-align: -6px; margin-right: 10px;}
.catelist .menu1{background:url(../images/cate.png) no-repeat; display:inline-block; height:30px;width:30px;background-position: 0 -60px;vertical-align: -6px; margin-right: 10px;}
.catelist .menu2{background:url(../images/cate.png) no-repeat; display:inline-block; height:30px;width:30px;background-position: 0 -30px; vertical-align: -6px; margin-right: 10px;}
.catelist .menu3{background:url(../images/cate.png) no-repeat; display:inline-block;height:30px;width:30px;background-position: 0 0; vertical-align: -6px; margin-right: 10px;}
.catelist .menu4{background:url(../images/cate.png) no-repeat; display:inline-block;height:30px;width:30px;background-position:0 -120px; vertical-align: -6px; margin-right: 10px;}
.catels,.cate-action{background:none; /*width:810px;*/width:570px; position:absolute; top: 35px; left:226px;display: none;line-height: 30px; z-index:1002;}

.h-category{background:#312b30;height:421px;}
.h-category p a{font-size:12px;color:#b2a9b4;}
.h-category p a:after{content:"/";width:7px;margin-left:4px;width:6px;text-align:center;display:inline-block;color:#b2a9b4;}
.h-category p a:last-child:after{content:"";}
.epethk-link .epethk-ico{background-position: 0px -48px;padding-left:5px; width:14px; height:12px;}
.epet-type .epethk-ico{background-position: 0px -78px; padding-left:5px; width:13px; height:13px; margin:-1px 0 0 3px;}
.page-type .pet-cate{border:1px solid #7a45e5;}

/* 轮播图 */
.adepet{ overflow:hidden; position:relative;background:#fff;}
/* .indexmidpic {height: 420px; overflow: hidden;position: relative;background:#fff}
.indexaapic{margin-left: 302px;} */
/* .playpic a, .playpic a:visited {width: 21px;height: 21px;margin-right: 5px;text-align: center;display: inline-block;line-height: 21px;
    background-color: #999;
    border-radius: 50%;
    color: #FFF;
} */

.main_rBox {width: 100%; position: absolute;left: 0;top: 0;height: 0;}
.main_r {width: 200px;height: 420px;background: #fff;position: relative;z-index: 10;margin-right: 2px;overflow: hidden;}
.lateral-ad {height: 140px;display: table;}
.lateral-adhref {background: #fff;display: table-cell;vertical-align: middle;}
#banner {
    margin-left: 302px;
	width:770px;
	height:420px;
	position:relative;
}
#banner ul {
	width:100%;
	height:420px;
	margin:0;
	padding:0;
}
#banner ul li a {
	display:block;
}
#banner ul li a {
    width: 770px;
    height: 420px;
}
#banner ul li {
	position:absolute;
	left:0px;
	top:0px;
}
#banner #num {
    left:50%;
    margin-left:-40.065px;
	position:absolute;
	z-index:999;
	top:380px;
}
#banner #num a{
	width:21px;
    height:21px;
    line-height: 21px;
    text-align: center;
	border-radius:50%;
	behavior:url(PIE.htc);
	margin-right:5px;
    display:inline-block;
    background-color: #999;
    color: #ffffff;
}
#banner #num a:hover {
	background:#ffffff;
    cursor:pointer;
    color: #000;
}
#banner #num a.on {
    background:#ffffff;
    color: #000;
}

/* 主体-狗 */
.epetfood-tit i.cate_721 {background: url(../images/cate_721.png) no-repeat;}
.epetfood-tit i.cate_5 {background: url(../images/cate_5.png) no-repeat;}
.epetfood-tit i {width: 30px;height: 30px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.ad-img3 {width: 328px;height: 477px;}
.ad-img3 .stylebg {background: rgba(255,255,255,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff, endColorstr=#c8ffffff);width: 298px;height: 148px;left: 0;bottom: 0;padding: 15px;}
.ad-img3 .hotkind {height: 30px;line-height: 30px;}
.ad-img3 .hotkind span {width: 87px;word-wrap: normal;}
.ad-img3 .hotkind i {width: 27px;height: 27px; background-position: -113px -170px;}
.index-ico {background: url(../images/index-ico.png) no-repeat;}
.ad-img3 .kind-name {width: 315px;height: 102px;}
.ad-img3 .kind-name li { width: 105px;height: 24px;line-height: 24px;margin-top: 10px;}
.ad-img3 .kind-name li a {border-radius: 30px;margin-right: 18px;white-space: nowrap;text-overflow: ellipsis;padding: 0 5px;overflow: hidden;}

.epetfood-pro {width: 872px;border-top: 1px solid #7a45e5;}
.lib-menu {border-right: 1px solid #e7e7e7;top: -35px;right: 0;width: 872px;height: 35px;}
.lib-menu ul {border-left: 1px solid #e7e7e7;margin-right: 0;}
.lib-menu li.hover {border-left: 1px solid #7a45e5;border-right: 1px solid #7a45e5;border-top: 2px solid #7a45e5;margin-left: -2px;border-bottom: 1px solid #fff;}
.lib-menu li.hover span {border-right: 0;color: #7a45e5;}
.lib-menu li {border-bottom: 1px solid #7a45e5;border-left: #fff;border-right: 1px solid #fff;height: 33px;border-top: 1px solid #e7e7e7;}
.lib-menu .border-t {border-top: 2px solid #fff;padding-top: 5px;}
.lib-menu li span {padding: 0 15px;border-right: 1px solid #e7e7e7;font-size: 14px;}

.lib_conbox .imgbox {border-right: 1px solid #e7e7e7;}
.epetfood-pro .border-r { border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;overflow: hidden;}
.epetfood-pro .bigimg1 {width: 388px;height: 299px;}
.epetfood-pro .bigimg1 .ad-font { width: 160px;position: absolute;top: 30px;left: 27px;}
.epetfood-pro .border-r .fontover {text-overflow: inherit;}
.fontover { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.epetfood-pro .bigimg2 {width: 481px;height: 149px;}
.epetfood-pro .bigimg2 .ad-font {width: 160px;position: absolute;top: 28px;left: 67px;}
.epetfood-pro .bigimg3 {width: 289px;height: 175px;}
.epetfood-pro .bigimg3 .ad-font {width: 160px;position: absolute;top: 15px;left: 29px;}

.eight-listpro li {border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;width: 197px;padding: 10px;height: 217px;}
.eight-listpro .eight-proimg {width: 200px;text-align: center;margin-bottom: 15px;}
.eight-listpro .eight-proimg img {
    width: 136px;
    height: 136px;
    margin-top: 5px;
}
.eight-listpro h1 {
    height: 32px;
}
.eight-listpro .dprice {
    color: #dd2727;
}
/*E宠国际底部*/
.footer-content{background:#f3f4f5;}
.footer-content .footerbox{padding:45px 0 20px 0;}
.footer-content .footer-left{width:970px;}
.footer-content .contact-epethk{margin-left:45px;}
.footer-content .f-hkcontace{border-bottom:1px solid #e2e2e2;padding-bottom:34px;}
.footer-content .codebox{width:155px;}
.footer-content .codebox img{border:3px solid #fff;width:92px;height:92px;}
.footer-content .aboutus a{font-size:14px;vertical-align:0px;color:#444;}
.footer-content .aboutus a:hover,.cright:hover span{text-decoration:underline;color:#ed4044;}
.footer-content .aboutus span{padding:0 18px;color:#b8b8b8;}
.footer-content .c8{color:#c8c8c8;}
.footer-content .aboutico1{background:url(../images/footer-ico.png) no-repeat 0px -4px;padding-left:30px;}
.footer-content .aboutico2{background:url(../images/footer-ico.png) no-repeat 0px -35px;padding-left:30px;}
/**客服图标**/
.rtico,.newdot,.menus li.dropmn a.mns,.rttop,.rtbot{background-image: url(../images/bar_new.png);}
.rtcont a.online-newico{background-position: -1px -654px;}

/****************rtbar*****************/
#rtbar{position: fixed;right: -35px;top: 130px; width: 35px;z-index: 10000;opacity: 0;filter:alpha(opacity=0);height: 100%;background-color: #444;}
.rttop{height: 17px;background-position: 0 -174px;}
.rtbot{height: 17px;background-position: 0 -191px;}
.rtcont-up{padding-top: 10px;position: relative;}
.newdot{position: absolute;width: 10px;height: 10px;background-position: -6px -600px;top: -3px;right: 2px;display: none;}
.rtico{display: block;width: 35px;height: 35px ;margin:0 0 15px 0;}
.rtico:hover{background-color: #555;}
.rtcont a.rt-my{background-position: 0 -235px;margin: 40px 0;}
.rtcont a.rt-my img{width: 25px;height: 25px;border-radius: 5px;margin: 5px 0 0 5px;}
.rtcont a .rt-cart{background-position: 0 -270px;}
.rtcont a.rt-order{background-position: 0 -305px;}
.rtcont a.rt-ask{background-position: 0 -340px;}
/*.rtcont a.rt-view{background-position: 0 -375px;}*/
.rtcont a.rt-view{background-position: 0 -693px;}
.rtcont a.rt-app{background-position: 0 -410px;}
.rtcont a.rt-weibo{background-position: 0 -480px;}
.rtcont a .rt-consulted{background-position: 2px -617px;}
.rtcont a.rt-weixin{background-position: 0 -445px; cursor:pointer;}
.rtcont a.rt-weixin:hover span{display:block;background: url(../images/background/weixin.jpg?v=326) no-repeat;width: 246px;height: 402px;bottom: 0;right: 35px;position: absolute;border: 1px #ddd solid;}
.rtcont a.rt-top{background-position: 0 -521px;margin-bottom: 0;visibility: hidden;}
.rtcont .rt-top{background:url(../images/background/bar_new.png) no-repeat;}
.rtcont li.rtl label{display: none;right: 53px;opacity: 0;filter:alpha(opacity=0);}
.rtcont li.rtl{position: relative;}
.rtcont li.hov label{height: 35px;width:90px; line-height: 35px; background-color: #FFA200;position: absolute;top: 0;text-align: center;color: #FFF;padding-right: 10px;display: block;}
.rtcont li.hov label em,.bagBox em{display: block;right: -8px;top: 10px;color: #FFA200;font-size: 16px;height: 16px;width: 16px;line-height: 16px;position: absolute;font-family: "瀹嬩綋";}

.rtcont li.scart{margin-bottom: 15px;}
.scart a.rtico{width: auto;height: auto;background-image: none;font-size: 12px;padding: 5px 0 10px;margin: 0;}
.scart a.rtico .rtico{margin: 0;}
.scart a.rtico .rt-cart-num{width: 19px;text-align: center;margin: 0 auto;color: #a6a6a6;}
.scart a.rtico .rt-cart-num span{display: inline-block;  width: 20px;  height: 20px;  line-height: 20px;  border-radius: 50%;-webkit-border-radius: 50%;background-color: #a6a6a6;color: #444;}
/*.scart a.rtico:hover .rtico{background-image: url(bar_newhover.png);background-repeat: no-repeat;}*/
.scart a.rtico:hover .rt-cart-num{color: #fff;}
.scart a.rtico:hover .rt-cart-num span{background-color: #fff;}

.sconsulted a.rtico{width: auto;height: auto;background-image: none;font-size: 12px;padding: 5px 0 10px;margin: 0 0 15px 0;}
.sconsulted a.rtico .rtico{margin: 0;}
.sconsulted a.rtico .rt-consulted-qus{width: 19px;text-align: center;margin: 0 auto;color: #a6a6a6;}
.sconsulted a.rtico:hover .rtico{background-image: url(../images/bar_newhover.png);background-repeat: no-repeat;}
.sconsulted a.rtico:hover .rt-consulted-qus{color: #fff;}

.rtcont{position: relative;height: 100%;}
.rtcont .rtcont-dn{position: absolute;bottom: 20px;}
.rtcont a.rt-my:hover{background-image: url(../images/bar_newhover.png);background-repeat: no-repeat;}
.rtcont a.rt-order:hover{background-image: url(../images/bar_newhover.png);background-repeat: no-repeat;}
.rtcont a.rt-view:hover{background-image: url(../images/bar_newhover.png);background-repeat: no-repeat;}
.rtcont a.rt-weixin:hover{background-image: url(../images/bar_newhover.png);background-repeat: no-repeat;}
.rtcont a.rt-top:hover{background-image: url(../images/bar_newhover.png);background-repeat: no-repeat;}

